<style lang="less" scoped>
.panel {
  margin-bottom: 10px;
  &-title {
    display: flex;
    padding: 10px;
    border-bottom: 0.1px solid #eaeaea;
    background: white;

    &__label {
      flex: 1;
      font-size: 16px;
      align-items: center;
    }
  }
  &-content {
    margin-bottom: 10px;
    background: white;

    &__item {
      display: flex;
      padding: 10px 10px 0 10px;
      font-size: 14px;
      &-label {
        color: #666;
      }
      &-value {
        flex: 1;
        padding-left: 15px;
        color: #333;
      }
    }
  }
}
</style>

<template>
  <div class="panel">
    <!-- 基本信息 -->
    <jiben :dt="item.BasicInfoData||{}"></jiben>

    <!-- 股东及出资信息 -->
    <gudong :dt="item.PartnerList||[]"></gudong>

    <!-- 网站或网店信息 -->
    <wangzhan :dt="item.WebSiteList||[]"></wangzhan>

    <!-- 对外投资信息 -->
    <duiwai :dt="item.InvestInfoList||[]"></duiwai>

    <!-- 企业资产状况信息 -->
    <qiye :dt="item.AssetsData||{}"></qiye>

    <!-- 股权变更信息 -->
    <guquan :dt="item.StockChangeList||[]"></guquan>

    <!-- 修改记录 -->
    <xiugai :dt="item.ChangeList||[]"></xiugai>

    <!-- 社保信息 -->
    <shebao :dt="item.SocialSecurity||{}"></shebao>

  </div>
</template>
<script>
import Jiben from './jiben';
import Gudong from './gudong';
import Wangzhan from './wangzhan';
import Duiwai from './duiwai';
import Qiye from './qiye';
import Guquan from './guquan';
import Xiugai from './xiugai';
import Shebao from './shebao';

export default {
  components: {
    Jiben,
    Gudong,
    Wangzhan,
    Duiwai,
    Qiye,
    Guquan,
    Xiugai,
    Shebao
  },
  data() {
    return {
      item: {}
    };
  },
  onLoad() {
    this.getInfos();
  },
  methods: {
    getInfos() {
      // 获取年报详情
      try {
        const value = wx.getStorageSync('nianbao');
        this.item = JSON.parse(value);
      } catch (e) {
        wx.showToast({ title: '数据异常！', icon: 'none', mask: true });
      }
    }
  }
};
</script>
